<template>
  <div class="classify app_content">
    <!-- 导航栏  titelText="详情信息"-->
    <div class="header_body">
      <header-nav :slefBack="true" @goBack="goBack"> </header-nav>
    </div>
    <div class="detail_body">
      <van-cell-group inset>
        <van-cell title="地区" :value="itemInfo.cityName + itemInfo.districtName" />
        <van-cell title="机主名称" :value="itemInfo.ownerName" />
        <van-cell title="车牌号码" :value="itemInfo.machineryLicense" />
        <van-cell title="类型名称" :value="itemInfo.machineryTypeName" />
        <van-cell title="型号" :value="itemInfo.machineryModel" />
        <van-cell title="时间" :value="itemInfo.submitTime" />
        <van-cell title="审核类型">
          <template #value>
            <span v-if="itemInfo.checkType == 1">年审</span>
            <span v-if="itemInfo.checkType == 2">初审</span>
          </template>
        </van-cell>
        <van-cell title="审核状态">
          <template #value>
            <span v-if="itemInfo.checkState == 0">未审核</span>
            <span v-if="itemInfo.checkState == 1">通过</span>
            <span v-if="itemInfo.checkState == -1">驳回</span>
          </template>
        </van-cell>
      </van-cell-group>
    </div>
  </div>
</template>
<script setup name="ItemInfo">
import {showDialog} from "vant";
import {DELETE_ADVICE, GET_ADVICE_LIST} from "@/api/cooperativeOffice/serviceAdvisory.js";

const router = useRouter();
const itemInfo = ref({})
onMounted(() => {
  const query = router?.currentRoute?.value?.query;
  itemInfo.value = JSON.parse(query.itemInfo)
})
const download = () => {
  window.open(itemInfo.value.longAnnex); //url为下载http地址
}
const goBack = () => {
  router.go(-1);
};

</script>
<style lang="less" scoped>
.text-button {
  color: #1989fa;
}
.classify {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: #f4f4f4;
}
</style>